﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.5" charset="utf-8"/>
<title>产品中心-热卖</title>
<link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />
</head>
<body>    
<!--标题区域 start-->
<div class="tit_main">
<a  id="hotReturn" onclick="returnHref()"  class="pull-left lh-50"><span class="icon icon-left"></span></a>
  <div class="tab-panel one">
  
    <a href="/pad_marketing/main/type005pkgGetHot.action">热销</a>
    <a href="/pad_marketing/main/type004redirectlistViewAll.action">全部</a>
  </div>
  <a class="pull-right block lh-50" onclick="returnHre()"><span class="icon icon-home"></span></a>
</div>
<!--标题区域 end-->

<!--内容区域 start-->
<div class="H_top">
 <div>   
    <div class="blank-2"></div>
    <div class="blank-1"></div>
    <div class="swiper-container featured">
      <div class="swiper-wrapper banner">
        
      </div>
    </div>
    <div class="blank-2"></div>
    <div class="col-md-2 col-md-offset-4">
      <button id="proButtonT" class="btn btn-primary btn-lg btn-block advices" onClick="checkGood(1,2)"><span class="icon icon-note"></span>建议书</button>
    </div>
    <div class="col-md-2">
      <button class="btn btn-warning btn-lg btn-block quickPay" onClick="checkGood(1,1)"><span class="icon icon-shop"></span>立即购买</button>
    </div>
 </div>     
</div>
<!--内容区域 end-->
<div id="agn-menu" class="hide">
  <div class="circle-panel">
    <nav class="circle-bg">
      <a class="circle-pic" onClick="showDiv('person-panel')">
        <img src="/pad_marketing/html/img/circle-bird.png">
      </a>
      <lable class="circle-text"></lable>
      <div class="circle-menu">
        <a href="#" class="menu-item" id="menu-one"> 
          <i class="">公司简介</i> 
        </a>
        <a href="#" class="menu-item" id="menu-two"> 
          <i class="">建议书</i>
        </a>
        <a href="/pad_marketing/main/type004redirectlistViewAll.action" class="menu-item" id="menu-three"> 
          <i class="">产品中心</i> 
        </a>
        <a href="#" class="menu-item" id="menu-four"> 
          <i class="">在线投保</i> 
        </a>
        <a href="#" class="menu-item" id="menu-five"> 
          <i class="">需求分析</i> 
        </a>
      </div>
      <span class="close circle-close" onClick="closeDiv('agn-menu')">X</span>
    </nav>
  </div>
</div>

<!-- 完整弹出框 -->
<div class="open-block open-top hide" id="open2">
	<div class="open-body" style="overflow: visible;">
      <div class="form-group" id="beibaoren" style="overflow: visible;">
        <div class="control-label col-md-1 no-padding lh-45">被保险人</div>
        <label class="control-label col-md-1">姓名</label>
        <div class="col-md-3">
          <input type="text" class="form-control" id="nameInput" onblur="clearPerson()" oninput="handleData('searchInput','nameInput')" value="" />		          
          <div class="relative">
		      <ul id="searchInput" class="selectUl">		          		
		      </ul>		          
		  </div>
        </div>		        
        <label class="control-label col-md-1 no-padding"><p class="lh-45 padding-right-10">出生日期</p></label>
        <div class="col-md-3">
          <input type="text" class="form-control" data-role="datebox" id="dataOfBirth" onchange="initCarrer(0,'dataOfBirth')"/>
        </div>
        <label class="control-label col-md-1">性别</label>
        <div class="col-md-2 radio-sex">
          <label class="male active" name="M">
            <input type="radio" name="inlineRadioOptions"  value="option1" onclick="initCarrer(0,'dataOfBirth')"/>
          </label>
          <label class="female" name="F">
            <input type="radio" name="inlineRadioOptions"  value="option1" onclick="initCarrer(0,'dataOfBirth')"/>
          </label>
        </div>		 
        
      	<div class="blank-1"></div>
      
        <div class="control-label col-md-1">&nbsp;</div>
        <label class="control-label col-md-1">职业</label>
        <div class="col-md-3">
          <input type="text" class="form-control works"/>
        </div>	
	    <div class="col-md-2">
	       <button class="btn btn-warning btn-lg btn-block" onClick="showDiv('open5')">常用职业</button>
	    </div>	
             		        
      </div>      
	</div>
	<div class="blank-1"></div>
	<div class="open-footer">
		<button class="btn btn-primary" onClick="closeDiv('open2')"><span class="icon icon-no"></span>取消</button>
		<button class="btn btn-warning" type="button" id ="sureView"><span class="icon icon-ok"></span>确定</button>
	</div>
</div>
<!-- 原始弹出框 -->
<!--  
<div class="open-block open-top hide" id="open2">
  <div class="open-body">
     <div class="form-group" id="beibaoren">
       <div class="control-label col-md-1">被保险人</div>
       <label class="control-label col-md-1 padding-right-20">姓名</label>
       <div class="pull-left width-100 no-padding">
         <input type="text" class="form-control" id="nameInput" oninput="handleData('searchInput','nameInput')"  value="" />	         
	   	 <div>
		      <ul id="searchInput">		          		
		      </ul>		          
		  </div>
	   </div>
       <label class="no-padding text-left col-md-1 margin-left-25"><p class="lh-45">出生日期</p></label>
       <div class="col-md-2 no-padding">
         <input type="data" class="form-control" data-role="datebox" id="dataOfBirth" onchange="initCarrer(0,'dataOfBirth')"/>
       </div>
       
       <label class="control-label col-md-1">性别</label>
       <div class="pull-left radio-sex">
         <label class="male active" name="M">
           <input type="radio" name="inlineRadioOptions" value="option1" onclick="initCarrer(0,'dataOfBirth')"/>
         </label>
         <label class="female" name="F">
           <input type="radio" name="inlineRadioOptions" value="option1" onclick="initCarrer(0,'dataOfBirth')"/>
         </label>
       </div>
       <label class="control-label col-md-1">职业</label>
       <div class="col-md-2">
         <input class="form-control works"/>
       </div>
     </div>
  </div>
  <div class="open-footer"> 	  
    <button class="btn btn-primary" onClick="closeDiv('open2')"><span class="icon icon-no"></span>取消</button>
    <button class="btn btn-warning" id ="sureView"><span class="icon icon-ok"></span>确定</button>
  </div>  
</div>
-->
<!--js全放底部-->
<!--弹出层-模板 start-->
<div class="open-block open-top hide" id="open3">
  <div class="open-body">
    <div class="form-group">
      <div class="control-label col-md-1 no-padding lh-45">
        <p class="text-center">被保险人</p>
      </div>
      <label class="control-label col-md-1 padding-right-20">姓名</label>
      <div class="col-md-3">
        <input type="text" class="form-control" value="">
      </div>
      <label class="control-label col-md-1">年龄</label>
      <div class="col-md-3 input-group">
        <input type="number" class="form-control" id="inputAge"   oninput="initCarrer(1,'inputAge')">
        <span class="input-group-addon"><img src="/pad_marketing/html/img/icon-date-gray.png" width="23" /></span>
      </div>
      <label class="control-label col-md-1">性别</label>
      <div class="col-md-2 radio-sex">
        <label class="male active" name="M">
          <input type="radio" name="inlineRadioOptions" value="option1" onclick="initCarrer(1,'inputAge')">
        </label>
        <label class="female" name="F">
          <input type="radio" name="inlineRadioOptions" value="option1" onclick="initCarrer(1,'inputAge')">
        </label>
      </div>
      <div class="blank-1"></div>
      
		        <div class="control-label col-md-1">&nbsp;</div>
		        <label class="control-label col-md-1">职业</label>
		        <div class="col-md-3">
		          <input type="text" class="form-control works"/>
		        </div>	
			    <div class="col-md-2">
			       <button class="btn btn-warning btn-lg btn-block" onClick="showDiv('open5')">常用职业</button>
			    </div>
		      
		      
		      <!-- <label class="control-label col-md-1">职业</label>
		      <div class="col-md-3">
				<input class="form-control works"/> -->
		      </div>
		    </div>
		  <div class="open-footer">
		    <button class="btn btn-primary" onClick="closeDiv('open3')"><span class="icon icon-no"></span>取消</button>
		    <a class="btn btn-warning" id="surePro"><span class="icon icon-ok"></span>确定</a>
		  </div>
</div>
<!--弹出层-模板 end-->
<!--弹出层-模板 start-->
<div class="open-block open-content hide" id="open1">
  <h4 class="open-header">
 	<span id="title">安联安享金生终身年金保险</span><span id="subTitle">（分红型）</span><button type="button" class="close" onClick="closeDiv('open1')">×</button>
  </h4>
  <div class="open-body no-padding tabBox" id="leftTabBox">
    <!--列表切换选项卡-->
    <div class="hd tabs-line">
      <ul>
        <li><a>产品特色</a></li>
        <li><a>保险利益简介</a></li>
        <li><a>投保示例</a></li>
      </ul>
    </div>
    <!--列表内容-->
    <div class="bd tabSwiper">
      <ul>
	      <li class="content-slide">
	        <div class="show-pic">
	          <img id="benefitimg" src="/pad_marketing/html/img/login-bg.jpg">
	          <div class="product-logo"></div>
	        </div>
	        <div class="padding-3" id="feature">
	 <!--
	          <h4 class="font-18 lh-45 orange b">终身领取 安享金生</h4>
	          <p class="font-16 lh-30">一旦投保，您和家人就拥有了对高品质生活的永久保障:您可以按需选择从55岁、60岁或70岁开始，每年或每月领取一笔高额养老金，直至终身。</p>
	          <h4 class="font-18 lh-45 orange b">保证领取 关爱延续</h4>
	          <p class="font-16 lh-30">特有保证领取功能，您可以按需选择保证领取20年或保证领取已交保费。若在年金领取期间不幸身故，您的家人可以一次性领取尚未领取的保证年金（A型）或尚未领取的已交保费（B型），由此延续您对家人的责任与关爱。</p>
	          <h4 class="font-18 lh-45 orange b">现金红利 抵御通胀</h4>
	          <p class="font-16 lh-30">您还可分享保险公司的经营成果，如有可分配盈余，每年至少70%的比例将以现金红利的形式进行分配，助您抵御通货膨胀，尊享更多。</p>
	   -->
	        </div>
	      </li>
      </ul>
      <ul>
          <li class="content-slide">
            <div class="padding-2">
              <div class="col-md-4 relative">
                <img id="featureimg" src="/pad_marketing/html/img/login-bg.jpg" width="227" height="323" alt="...">
                <div class="product-logo"></div>
              </div>
              <div class="col-md-8" id="benefit">
		<!--
                <p class="font-16 lh-30 orange b">1、年金给付:</p>
                <p class="font-16 lh-30">每年领取的养老金金额＝基本年金金额＋现金红利</p>。
                <p class="font-16 lh-30">年金领取年限：终身</p>
                <p class="font-16 lh-30 orange b">2、身故给付:</p>
                <p class="font-16 lh-30">若被保险人在首次领取年金前身故，领取的身故保险金为被保险人身故时现金价值与110%身故时累计应交保险费之间的大者。</p>
                <p class="font-16 lh-30">若被保险人在首次领取年金后身故，则：</p>
                <p class="font-16 lh-30">A型（保证领取二十年）身故保险金＝20倍基本年金金额－身故时累计已领取年金。</p>
                <p class="font-16 lh-30">(若小于或等于零则不再给付身故保险金)</p>
                <p class="font-16 lh-30">B型（保证返还保险费）身故保险金＝累计已交保费－身故时累计已领取年金。</p>
                <p class="font-16 lh-30">(若小于或等于零则不再给付身故保险金)</p>
                <div class="blank-10"></div>
                <p class="font-16 lh-30"><span class="orange b">投保年龄:</span>18-64周岁</p>
                <p class="font-16 lh-30"><span class="orange b">保险期间:</span> 终身</p>
                <p class="font-16 lh-30"><span class="orange b">缴费期间:</span> 一次交清，5年/10年/15年/20年交，交至50周岁/55周岁/60周岁/70周岁</p>
		-->
              </div>
            </div>
          </li>
      </ul>
      <ul>
		  <li class="content-slide">
            <div class="padding-3" id="tbsl"> 
            	<img src="/pad_marketing/html/img/product/akwy227x323.jpg"  style="max-width:100%" />          	
              <!-- <h4 class="lh-45 b font-18">安先生   35岁   家庭经济支柱</h4>
              <div class="blank-10"></div>
              <p class="lh-30"><span class="orange b">选择产品：</span>安享金生A30万 附加长期意外伤害保额300万</p>
              <p class="lh-30"><span class="orange b">年交保费：</span>445.880</p>
              <p class="lh-30"><span class="orange b">交费期限：</span>10年</p>
              <div class="blank-10"></div>
              <p class="lh-45 b orange">安先生可获得的保险利益如下：</p> -->
            </div>
          </li>
      </ul>
    </div>
  </div>
  <div class="open-footer">
    <div class="col-md-3 col-md-offset-3">
      <button id="proButton" class="btn btn-primary btn-lg btn-block advices" onClick="checkGood(2,2)"><span class="icon icon-note"></span>建议书</button>
    </div>
    <div class="col-md-3">
      <button class="btn btn-warning btn-lg btn-block quickPay" onclick="checkGood(2,1)" id="quickPay"><span class="icon icon-shop"></span>立即购买</button>
    </div>
  </div>
</div>
<!-- 常用职业的弹出框 -->
<div class="open-block open-lg hide" id="open5">
  <div class="open-header">
    常用职业<button type="button" class="close" onClick="closeDiv('open5')">×</button>
  </div>
  <div class="open-body btn-list-group">
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="T03">儿童</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="R44">个体户</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="R35">一般商业/负责人</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="O02">学生</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="R07">杂货商</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="R38">一般商业/店员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="T02">家庭主妇</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="X01">钟点工</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="A01">机关团体/内勤人员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="T04">退休者</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="Y01">自由投资者</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="S01">银行、保险/内勤人员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="O01">教师</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="A03">安联业务人员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="S02">银行、保险/代理人</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="S08">会计</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="M02">一般医师及护士</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="S09">其它服务性行业/内勤人员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="B02">农夫</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="R42">工商业/售货员</button>
    </div>
    <div class="col-md-4">
      <button onclick="clickHandler(this)" class="btn btn-default btn-outline btn-block btn-lg" value="S11">其它服务性行业/外勤人员</button>
    </div>
  </div>
  <div class="open-footer">
    <div class="col-md-3 col-md-offset-3">
      <button class="btn btn-primary btn-lg btn-block" onClick="closeDiv('open5')"><span class="icon icon-no"></span>取消</button>
    </div>
    <div class="col-md-3">
      <button id="normalSure" class="btn btn-warning btn-lg btn-block"><span class="icon icon-ok"></span>确定</button>
    </div>
  </div>
</div>
<!--弹出层-模板 end-->
</body>
<script src="/pad_marketing/html/js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.min.js"></script>
<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js"></script>
<script src="/pad_marketing/html/js/TouchSlide.1.1.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/listViewHot.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/listViewH.js" type="text/javascript"></script> 


<!--获取职业选择数据-->
<script src="/pad_marketing/html/js/mobiscroll.custom-2.6.2.min.js" type="text/javascript"></script>

<script src="/pad_marketing/dev/js/jobchooes.js" type="text/javascript"></script>

<!--获取职业选择数据 end-->

</html>